<template>
  <div class="detail">

    <!-- 顶部导航栏 -->
    <van-nav-bar
      title="详情页"
      left-text="返回"
      right-text="..."
      left-arrow
      @click-left="$router.go(-1)"
    />
    <!-- <h1>动态路由参数: {{ $route.params.name }} </h1> -->
    <!-- <h1>path+query路由参数: {{ $route.query.name }} </h1> -->
    <!-- <h1>name+params路由参数: {{ $route.params.name }} </h1> -->
  </div>
</template>

<script>
export default {
  mounted(){
    //this.$route 是路由对象, 该对象包含了和当前组件相关的路由的全部信息
    // console.log(this.$route.params.name);
    // console.log(this.$route.query.name);
    console.log(this.$route);
  }
}
</script>

<style>

</style>